import React from 'react'
import { browserHistory } from 'react-router'
import './Carousel.css'
import img001 from "../../assets/images/example/001.jpg"
import img002 from "../../assets/images/example/002.jpg"
import img003 from "../../assets/images/example/003.jpg"
import img004 from "../../assets/images/example/004.jpg"

class Carousel extends React.Component {
    constructor(props) {
      super(props);
      this.state = {date: new Date()};
    }
  
    componentDidMount() {
        $('.box_skitter_large').skitter({
            theme: 'clean',
            numbers_align: 'center',
            progressbar: false,
            dots: true,
            preview: true,
            fullscreen: false,
            label: false
        });
    }
  
    componentWillUnmount() {
  
    }
  
    render() {
      return (
        <div className="c-lunbo--default-height">
            <div id="content">
                <div className="border_box">
                    <div className="box_skitter box_skitter_large">
                        <ul>
                            <li>
                                <img src={img001} className="cubeRandom" />
                                <div className="label_text">
                                    <p>cube</p>
                                </div>
                            </li>
                            <li>
                                <img src={img002} className="block" />
                                <div className="label_text">
                                    <p>cubeRandom</p>
                                </div>
                            </li>
                            <li>

                                <img src={img003} className="cubeRandom" />
                                <div className="label_text">
                                    <p>block</p>
                                </div>
                            </li>
                            <li>
                                <img src={img004} className="cubeStop" />
                                <div className="label_text">
                                    <p>cubeStop</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
      );
    }
  }


export default Carousel
